<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title id="title">拾望 | YIANDNA</title>
		<link rel="icon" type="text/css" href="static/image/liyiIcon.jpeg">
		<link rel="stylesheet" href="static/css/index1.css">
		<script src="static/js/gsap.min.js"></script>
		<script>
			var title = document.getElementById("title"),
				time;
			window.onfocus = function() {
				title.innerHTML = "拾望 < 终于回来了...";
				clearInterval(time);
				time = setInterval(function() {
					title.innerHTML = "拾望 | YIANDNA";
					clearInterval(time);
				}, 2000);
			}
			window.onblur = function() {
				clearInterval(time);
				title.innerHTML = "拾望 > 离别是人生中常有的事";
			}
		</script>
	</head>
	<body>
		<!--contains all the div-->
		<div id="all">
			<!--mouse  follower-->
			<div class="cursor"></div>
			<!--mouse  follower-->
			<!--loader-->
			<div id="loader">
				<span>拾望</span><span class="color"><marquee>加载中...</marquee></span>
			</div>
			<!--loader-end-->
			<!--link-screen-->
			<div id="breaker">
			</div>
			<div id="breaker-two">
			</div>
			<!--link-screen-->
			<!--Main-Section-->
			<!--Navigator-fullscreen-->
			<div id="navigation-content">
				<div class="logo">
					<img src="static/image/liyiIcon.jpeg" alt="logo">
				</div>
				<div class="navigation-close">
					<span class="close-first"></span>
					<span class="close-second"></span>
				</div>
				<div class="navigation-links">
					<a href="#" data-text="HOME" id="home-link">首页</a>
					<a href="#" data-text="ABOUT" id="about-link">拾望历程</a>
					<a href="#" data-text="TAKECARE" id="blog-link">小心日记</a>
					<a href="#" data-text="LOVE" id="portfolio-link">小空间</a>
					<!-- <a href="#" data-text="CONTACT" id="contact-link">联系我</a> -->
				</div>
			</div>
			<!--Navigator-Fullscreen END-->
			<!--Home Page-->
			<!--Menubar-->
			<div id="navigation-bar">
				<img src="static/image/liyiIcon.jpeg" alt="logo">
				<div class="menubar">
					<span class="first-span"></span>
					<span class="second-span"></span>
					<span class="third-span"></span>
				</div>
			</div>
			<!--Menubar End-->
			<!--Header-->
			<div id="header">
				<div id="particles"></div>
				<!--Social Media Links-->
				<div class="social-media-links">
					<!-- <a href="#" title="qq:3200372325"><img src="static/image/qq.png" class="social-media"></a>-->
					<!-- <a href="#" title="wx:L_yi0811"><img src="static/image/wx.png" class="social-media"></a> -->
				</div>
				<!--Social Media Links end-->
				<div class="header-content">
					<div class="header-content-box">
						<div class="firstline"><span class="color">拾望</span><span>的小空间</span></div>
						<div class="secondline">
							<span class="txt-rotate" data-period="1200"
								data-rotate='["我双手合十的愿望里永远都有你","前程似锦,一帆风顺","茉莉花香","你开始无趣又光鲜日复一日","“我的有趣住在無聊的日子裡”","羡慕过很多人但更爱普通的自己","开开心心","花落月圆","久违重逢","回到过去","会不会偶尔也想起我呢","理想生活需要一点热爱和心动","那就做野花,随风起,永不散","自由和快乐才是生活的最高旨意","小城市的故事,黑夜里最相思","慢慢理解世界慢慢更新自己","花也灿烂,果也香甜,风是温柔,温柔是你","悲喜都自渡,你才是自己的救赎","去到未来找俊俊"]'></span>
							<span class="slash">|</span>
						</div>
						<div class="contact">
							<a href="tencent://message/?uin=3200372325" title="QQ:3200372325 | 点击图标添加QQ"><img
									src="static/image/qq.png" alt="email-pic" class="contactpic"></a>
							<!--Your email Id write in place of "#"-->
							<a href="Tel:#15085524590" title="WX:15085524590 | 点击图标获取WX号码"><img
									src="static/image/wx.png" alt="phone-pic" class="contactpic"></a>
							<!--Your telephone number Id write in place of "#"-->
						</div>
					</div>
				</div>
				<!--header image-->
				<div class="header-image">
				</div>
				<!--header image end-->
			</div>
			<!--Header End-->
			<!--HomePage End-->
			<!--Main-Section End-->
			<!--about-->
			<div id="about">
				<!-- <div class="color-changer">
					<div class="color-panel">
						<img src="static/picture/gear.png" alt="">
					</div>
					<div class="color-selector">
						<div class="heading">Custom Colors</div>
						<div class="colors">
							<ul>
								<li>
									<a href="#0" class="color-red " title="color-red"></a>
								</li>
								<li>
									<a href="#0" class="color-purple" title="color-purple"></a>
								</li>
								<li>
									<a href="#0" class="color-malt" title="color-malt"></a>
								</li>
								<li>
									<a href="#0" class="color-green" title="color-green"></a>
								</li>
								<li>
									<a href="#0" class="color-blue" title="color-blue"></a>
								</li>
								<li>
									<a href="#0" class="color-orange" title="color-orange"></a>
								</li>
							</ul>
						</div>
					</div>
				</div> -->
				<!--about content-->
				<div id="about-content">
					<div class="about-header">
						拾望 <span class="color">历程</span>
						<span class="header-caption">一路以来的 <span class="color"> 艰辛</span></span>
					</div>
					<div class="about-main">
						<div class="about-first-paragraph wow">
							<!--about description-->
							<span class="about-first-line">
								拾望搭建于
								<span class="color">2022年中旬</span>
								一段难忘的回忆 </span>
							<br>
							<span class="about-second-line">
								在2022年某一天，我突发奇想，想搭建一个属于自己的网站，当时的技术水平完全可是自行开发全栈，实现前后段数据交互，到后来发现想弄到服务器并不简单，资金缺乏，只能发布这个静态的网页，不过还好，有了属于自己的小站;本站名|拾望|的寓意是拾起希望，一开始的寓意很美好让人振作，可是后来发现生活并不是那么一帆风顺，也会有坎坷有失望，所以本站名|拾望|有多种理解：1、失望；2、拾起希望；希望大家能度过难关，失望是人生中常有的事，希望能忘掉失望拾起希望...</span>
							<div class="cv">
								<a href="JavaScript:0"><button>静态小按钮 <span class="colors">(起到好看作用)</span></button></a>
							</div>
						</div>
						<!--about picture-->
						<div class="about-img">
							<img src="static/image/liyiIcon.jpeg" alt="Your Image">
						</div>
					</div>

				</div>
				<!--services start-->
				<div id="services">
					<!-- <div class="color-changer">
						<div class="color-panel">
							<img src="static/picture/gear.png" alt="">
						</div>
						<div class="color-selector">
							<div class="heading">Custom Colors</div>
							<div class="colors">
								<ul>
									<li>
										<a href="#0" class="color-red " title="color-red"></a>
									</li>
									<li>
										<a href="#0" class="color-purple" title="color-purple"></a>
									</li>
									<li>
										<a href="#0" class="color-malt" title="color-malt"></a>
									</li>
									<li>
										<a href="#0" class="color-green" title="color-green"></a>
									</li>
									<li>
										<a href="#0" class="color-blue" title="color-blue"></a>
									</li>
									<li>
										<a href="#0" class="color-orange" title="color-orange"></a>
									</li>
								</ul>
							</div>
						</div>
					</div> -->
					<!--services header-->
					<div class="services-heading wow">
						<span class="color">我的</span> 知识库
					</div>
					<!--services header end-->
					<!--services content-->
					<div class="services-content">
						<div class="service-one service wow">
							<div class="service-img">
								<img src="static/picture/coding.png" alt="service-one">
							</div>
							<div class="service-description">
								<h2>编程能力</h2>
								<p>实力范围:HTML5 CSS3 JavaScript jQuery .NET JAVA C++ C语言 MYSQL SQLSERVER Uniapp Vue
									小程序等我自己也记不太清楚了...</p>
							</div>
						</div>
						<div class="service-two service wow">
							<div class="service-img">
								<img src="static/picture/instagram.png" alt="service-two">
							</div>
							<div class="service-description">
								<h2>生活兴趣</h2>
								<p>喜爱羽毛球，乒乓球，台球，篮球，足球，样样精通，琴棋书画......不会，但是会弹吉他，也比较热爱钢琴，虽然没有接触过钢琴...生活无忧无虑，热爱生活，也爱NA💕
								</p>
							</div>
						</div>
						<div class="service-three service wow">
							<div class="service-img">
								<img src="static/picture/bulb.png" alt="service-three">
							</div>
							<div class="service-description">
								<h2>我的好点子</h2>
								<p>我会定期在拾望空间里面更新我的笔记日记，每天新闻AND八卦...</br>更新通知:更新留言板功能即将采用异步传输推出动态聊天功能,敬请期待...</p>
							</div>
						</div>
					</div>
				</div>
				<!--services content end-->
				<!--services end-->
				<div id="skills">
					<div class="skills-header">
						我的 <span class="color"> 内存</span>
					</div>
					<div class="skills-content " style="text-align: center;">
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									学习
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="html-progress wow">60%</div>
							</div>
						</div>
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									吃饭
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="js-progress wow">30%</div>
							</div>
						</div>
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									❤☃✿❉❀✈☂☁☺☹♥
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="adobe-progress wow">100%</div>
							</div>
						</div>
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									兴趣爱好
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="php-progress wow">12%</div>
							</div>
						</div>
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									心情
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="jquery-progress wow">57%</div>
							</div>
						</div>
						<div class="skill-html skill">
							<div class="skill-text">
								<div class="html">
									知识储备量
								</div>
							</div>
							<div class="html-prog wow prog">
								<div class="seo-progress wow">9%</div>
							</div>
						</div>
					</div>
				</div>
				<!--copyright-section You Can Remove After Downloading-->
				<div class="footer">
					<div class="footer-text">
						<img src="static/picture/copyright.png" alt="copyright-img" class="images" height="14px"> 拾望博客园
					</div>
				</div>
				<!--copyright-section-->
			</div>
			<!--about end-->
			<!--portfolio-->
			<div id="portfolio">
				<!-- <div class="color-changer">
					<div class="color-panel">
						<img src="static/picture/gear.png" alt="">
					</div>
					<div class="color-selector">
						<div class="heading">Custom Colors</div>
						<div class="colors">
							<ul>
								<li>
									<a href="#0" class="color-red " title="color-red"></a>
								</li>
								<li>
									<a href="#0" class="color-purple" title="color-purple"></a>
								</li>
								<li>
									<a href="#0" class="color-malt" title="color-malt"></a>
								</li>
								<li>
									<a href="#0" class="color-green" title="color-green"></a>
								</li>
								<li>
									<a href="#0" class="color-blue" title="color-blue"></a>
								</li>
								<li>
									<a href="#0" class="color-orange" title="color-orange"></a>
								</li>
							</ul>
						</div>
					</div>
				</div> -->
				<div class="portfolio-header"> <span class="color">拾望</span><span>空间</span>
					<span class="header-caption">空间<span class="color">秘密</span></span>
				</div>
				<!-- 4 -->
				<div id="portfolio-content">
					<div class="portfolio portfolio-first">
						<div class="portfolio-image">
							<img src="static/image/banner2.jpeg" alt="">
						</div>
						<div class="portfolio-text">
							<h2>？？？</h2>
							<h6>2023|10|04</h6>
							<p>？？？</p>
							<div class="button">
								<a href="#">
									<button>
										<span class="index"> ？？？
											<i class="gg-arrow-right"></i>
										</span>
									</button>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 3 -->
				<div id="portfolio-content">
					<div class="portfolio portfolio-first">
						<div class="portfolio-image">
							<img src="static/image/banner2.jpeg" alt="">
						</div>
						<div class="portfolio-text">
							<h2>？？？</h2>
							<h6>2023|10|03</h6>
							<p>？？？</p>
							<div class="button">
								<a href="#">
									<button>
										<span class="index"> ？？？
											<i class="gg-arrow-right"></i>
										</span>
									</button>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 2 -->
				<div id="portfolio-content">
					<div class="portfolio portfolio-first">
						<div class="portfolio-image">
							<img src="static/image/banner2.jpeg" alt="">
						</div>
						<div class="portfolio-text">
							<h2>？？？</h2>
							<h6>2023|10|02</h6>
							<p>？？？</p>
							<div class="button">
								<a href="#">
									<button>
										<span class="index"> ？？？
											<i class="gg-arrow-right"></i>
										</span>
									</button>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 1 -->
				<div id="portfolio-content">
					<div class="portfolio portfolio-first">
						<div class="portfolio-image">
							<img src="static/image/banner2.jpeg" alt="">
						</div>
						<div class="portfolio-text">
							<h2>？？？</h2>
							<h6>2023|10|01</h6>
							<p>？？？</p>
							<div class="button">
								<a href="#">
									<button>
										<span class="index"> ？？？
											<i class="gg-arrow-right"></i>
										</span>
									</button>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!--copyright-section You Can Remove After Downloading-->
				<div class="footer">
					<div class="footer-text">
						<img src="static/picture/copyright.png" alt="copyright-img" class="images" height="14px"> 拾望博客园
					</div>
				</div>
				<!--copyright-section-->
			</div>
			<!--portfolio end-->
			<!--blog-->
			<div id="blog">
				<!-- <div class="color-changer">
					<div class="color-panel">
						<img src="static/picture/gear.png" alt="">
					</div>
					<div class="color-selector">
						<div class="heading">Custom Colors</div>
						<div class="colors">
							<ul>
								<li>
									<a href="#0" class="color-red " title="color-red"></a>
								</li>
								<li>
									<a href="#0" class="color-purple" title="color-purple"></a>
								</li>
								<li>
									<a href="#0" class="color-malt" title="color-malt"></a>
								</li>
								<li>
									<a href="#0" class="color-green" title="color-green"></a>
								</li>
								<li>
									<a href="#0" class="color-blue" title="color-blue"></a>
								</li>
								<li>
									<a href="#0" class="color-orange" title="color-orange"></a>
								</li>
							</ul>
						</div>
					</div>
				</div> -->
				<div class="blog-header"> 小心日记
					<span class="header-caption"> 拾望 | <span class="color"> 小心翼翼记录每一天</span></span>
				</div>
				<div class="blog-content">
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-one">
								<div class="blog-date">2023-11-2</div>
							</div>
							<div class="blog-text">
								<h3>2023年11月2号晚自习日记✍❄</h3>
								<p>
									？？？丢失？？？
								</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-one">
								<div class="blog-date">2023-11-2</div>
							</div>
							<div class="blog-text">
								<h3>2023年11月2号日记✍----⛔☔⚡❄</h3>
								<p>
									？？？丢失？？？
								</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-four">
								<div class="blog-date">2023-11-1</div>
							</div>
							<div class="blog-text">
								<h3>文案(1)</h3>
								<p>不要错过一个爱你爱到骨子里的人，因为每个人的生命里，这样的人，可能都只有一个，而这个人，大概也只可能这样去爱一次。</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-four">
								<div class="blog-date">2023-10-31</div>
							</div>
							<div class="blog-text">
								<h3>2023年10月31号日记✍----⛔☔⚡❄</h3>
								<p>心里好忧伤，该思念的人依旧在思念，总是不经意撩拨起。我想你，那个影子像你。原来一个人，真的可以难过到，没有言语，没有情绪，没有表情，一个人静静的坐着，就是突然之间，鼻子一酸，眼泪就下来了。</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-four">
								<div class="blog-date">2023-10-29</div>
							</div>
							<div class="blog-text">
								<h3>2023年10月29号日记✍----⛔☔⚡❄</h3>
								<p>？？？丢失？？？</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-four">
								<div class="blog-date">2023-10-28</div>
							</div>
							<div class="blog-text">
								<h3>2023年10月28号日记✍----⛔☔⚡❄</h3>
								<p>？？？丢失？？？</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-four">
								<div class="blog-date">2023-10-24</div>
							</div>
							<div class="blog-text">
								<h3>2023年10月24号日记✍----⛔☔⚡❄</h3>
								<p>好想好想你，每一分每一秒</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-five">
								<div class="blog-date">2023-10-22</div>
							</div>
							<div class="blog-text">
								<h3>回家</h3>
								<p>？？？丢失？？？</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-six">
								<div class="blog-date">2023-10-20</div>
							</div>
							<div class="blog-text">
								<h3>启程武汉</h3>
								<p>？？？丢失？？？</p>
							</div>
						</a>
					</div>
					<div class="blogs">
						<a href="JavaScript:0">
							<div class="img">
								<img src="static/image/banner3.jpeg" alt="blog-three">
								<div class="blog-date">2023-5-20</div>
							</div>
							<div class="blog-text">
								<h3>山河已秋，人间已晚。</h3>
								<p>人间烟火，是温柔的力量源泉。如同寻常日子里千丝万缕的柔光，朴素、温和、同呼吸一般自然。若有什么可以称得上理所当然，那便是，万物之于自然;烟火之于人间。晚安~</p>
							</div>
						</a>
					</div>
				</div>
				<!--copyright-section You Can Remove After Downloading-->
				<div class="footer">
					<div class="footer-text">
						<img src="static/picture/copyright.png" alt="copyright-img" class="images" height="14px"> 拾望博客园
					</div>
				</div>
				<!--copyright-section-->
			</div>
			<!--blog end-->
			<!--contact-->
			<div id="contact">
				<!-- <div class="color-changer">
					<div class="color-panel">
						<img src="static/picture/gear.png" alt="">
					</div>
					<div class="color-selector">
						<div class="heading">Custom Colors</div>
						<div class="colors">
							<ul>
								<li>
									<a href="#0" class="color-red " title="color-red"></a>
								</li>
								<li>
									<a href="#0" class="color-purple" title="color-purple"></a>
								</li>
								<li>
									<a href="#0" class="color-malt" title="color-malt"></a>
								</li>
								<li>
									<a href="#0" class="color-green" title="color-green"></a>
								</li>
								<li>
									<a href="#0" class="color-blue" title="color-blue"></a>
								</li>
								<li>
									<a href="#0" class="color-orange" title="color-orange"></a>
								</li>
							</ul>
						</div>
					</div>
				</div> -->
				<div class="contact-header">Contact <span class="color"> Me</span>
					<div class="contact-header-caption"> <span class="color"> Get</span> In Touch.</div>
				</div>
				<div class="contact-content">
					<!--Contact form-->
					<div class="contact-form">
						<div class="form-header">
							Message Me
						</div>
						<form>
							<div class="input-line">
								<input type="text" name="name" placeholder="Name" value="" class="input-name">
								<input type="email" name="email" placeholder="Email" value="" class="input-name">
							</div>
							<input type="text" name="subject" placeholder="subject" value="" class="input-subject">
							<textarea name="message" class="input-textarea" placeholder="message" value=""></textarea>
							<button type="submit">Submit</button>
						</form>
					</div>
					<!--Contact form-->
					<!--Contact information-->
					<div class="contact-info">
						<div class="contact-info-header">
							Contact Info
						</div>
						<div class="contact-info-content">
							<div class="contect-info-content-line">
								<img src="static/picture/icon-name.png" class="icon" alt="name-icon">
								<div class="contact-info-icon-text">
									<h6>Name</h6>
									<p>Arlo Brown</p>
								</div>
							</div>
							<div class="contect-info-content-line">
								<img src="static/picture/icon-location.png" class="icon" alt="location-icon">
								<div class="contact-info-icon-text">
									<h6>Location</h6>
									<p>New York, USA</p>
								</div>
							</div>
							<div class="contect-info-content-line">
								<img src="static/picture/icon-phone.png" class="icon" alt="phone-icon">
								<div class="contact-info-icon-text">
									<h6>Call</h6>
									<p>+9865376531</p>
								</div>
							</div>

							<div class="contect-info-content-line">
								<img src="static/picture/icon-email.png" class="icon" alt="email-icon">
								<div class="contact-info-icon-text">
									<h6>Email</h6>
									<p>Info@example.com</p>
								</div>
							</div>
						</div>
						<!--Contact information end-->
					</div>
				</div>
				<!--copyright-section You Can Remove After Downloading-->
				<div class="footer">
					<div class="footer-text">
						<img src="static/picture/copyright.png" alt="copyright-img" class="images" height="14px"> 拾望博客园
					</div>
				</div>
				<!--copyright-section-->
			</div>
			<!--contact end-->
		</div>
		<!--all the divisions-->
		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/particles.js"></script>
		<script src="static/js/particles.min.js"></script>
		<script src="static/js/index.js"></script>
		<!--particles script-->
		<script>
			particlesJS("particles", {
				"particles": {
					"number": {
						"value": 40,
						"density": {
							"enable": true,
							"value_area": 800
						}
					},
					"color": {
						"value": "#ffffff"
					},
					"shape": {
						"type": "circle",
						"stroke": {
							"width": 0,
							"color": "#000000"
						},
						"polygon": {
							"nb_sides": 5
						},
						"image": {
							"src": "img/github.svg",
							"width": 100,
							"height": 100
						}
					},
					"opacity": {
						"value": 0.5,
						"random": false,
						"anim": {
							"enable": false,
							"speed": 1,
							"opacity_min": 0.1,
							"sync": false
						}
					},
					"size": {
						"value": 3,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 40,
							"size_min": 0.1,
							"sync": false
						}
					},
					"line_linked": {
						"enable": true,
						"distance": 150,
						"color": "#ffffff",
						"opacity": 0.4,
						"width": 1
					},
					"move": {
						"enable": true,
						"speed": 6,
						"direction": "none",
						"random": false,
						"straight": false,
						"out_mode": "out",
						"bounce": false,
						"attract": {
							"enable": false,
							"rotateX": 600,
							"rotateY": 1200
						}
					}
				},
				"interactivity": {
					"detect_on": "canvas",
					"events": {
						"onhover": {
							"enable": true,
							"mode": "repulse"
						},
						"onclick": {
							"enable": true,
							"mode": "push"
						},
						"resize": true
					},
					"modes": {
						"grab": {
							"distance": 400,
							"line_linked": {
								"opacity": 1
							}
						},
						"bubble": {
							"distance": 400,
							"size": 40,
							"duration": 2,
							"opacity": 8,
							"speed": 3
						},
						"repulse": {
							"distance": 200,
							"duration": 0.4
						},
						"push": {
							"particles_nb": 4
						},
						"remove": {
							"particles_nb": 2
						}
					}
				},
				"retina_detect": true
			});
		</script>
	</body>
</html>